@mixin usa-table-styles {
  table {
    @extend %usa-table;
  }
  .usa-table--borderless {
    @extend %usa-table--borderless;
  }
  .usa-table--compact {
    @extend %usa-table--compact;
  }
  .usa-table--striped {
    @extend %usa-table--striped;
  }
  .usa-table--stacked {
    @include at-media-max("mobile-lg") {
      @include table-stacked-styles;
    }
  }
  .usa-table--stacked-header {
    @include at-media-max("mobile-lg") {
      @include table-stacked-styles;
      @include table-stacked-header-styles;
    }
  }
  .width-mobile {
    .usa-table--stacked {
      @extend %usa-table--stacked;
    }
    .usa-table--stacked-header {
      @extend %usa-table--stacked-header;
    }
  }
  .usa-table-container--scrollable {
    @extend %usa-table-container--scrollable;
  }
}
